<template>

  <div id="update">
     <header :style="{color: Color}"> 
      <Icon type="md-ribbon"></Icon>当前位置: <router-link style="cursor:pointer" tag="span" to="/">首页</router-link> > 最新动态
      </header>
      <div>
        <div class='homepage'>
      <div class="content">
          <!-- <div class='box' id='box1'></div>
          <div class='box' id='box2'> </div> -->
          <p>{{sign}}</p>
          <!-- <div class='box' id='box3'></div>
          <div class='box' id='box4'></div> -->
      </div>
  </div>
      </div>
       <Card shadow>
        <div style="min-height: 500px;width: 80%;">
            
            <iframe 
				id="iframeId" :src="url" frameborder="0" class="pc iframe"  scrolling="auto">
			</iframe>
	
        </div>
    </Card>


  </div>
</template>
<script>
export default{
  name: 'update',
  data () {
    return {
        url: 'http://dzq.wenlvnews.com/index.php/yiqing/'
    }
  },
  
  mounted () {
  },
  methods: {
    
  }

}
 
</script>
<style lang="scss" scoped >
  .homepage{
    height: 550px;
    background: url(../assets/images/update.jpg) no-repeat;
    background-size: 100% 120%;
    color: #fff;
    font-size: 28px;
    margin-top: 5px;
    animation: bg infinite 100s linear alternate;
  }
  @keyframes bg {
    0% {background-size: 110% 130%; }
    10% {background-size: 111% 131%; }
    20% {background-size: 112% 132%; background-position: bottom;}
    30% {background-size: 113% 133%; }
    40% {background-size: 114% 134%;}
    50% {background-size: 115% 135%;background-position: left;}
    60% {background-size: 116% 136%;}
    70% {background-size: 117% 137%;}
    80% {background-size: 118% 138%;background-position: right;}
    90% {background-size: 119% 139%;}
    100% {background-size: 120% 140%;}
  }
  .content{
    display: inline-block;
    position: relative;
    top: 40%;
 
  }
  p{
     position: relative;
    left:200px;
    text-shadow: 0px 0px 20px rgba(255,255,255,0.5);
    letter-spacing: 20px;
      
  }
  .box{
    display: inline-block;
    width: 100px;
    height: 20px;
  }
  #box1{
    border-left:8px solid;
    border-top: 8px solid;
    position: relative;
    left: 100px;
    bottom: 20px;
  }
  #box2{
    border-top: 8px solid;
    border-right: 8px solid;
    position: relative;
    left: 300px;
    bottom: 20px;
  }
   #box3{
    border-left: 8px solid;
    border-bottom: 8px solid;
    position: relative;
    left: 100px;
    top: 20px;
  }
   #box4{
    border-right: 8px solid;
    border-bottom: 8px solid;
    position: relative;
    left: 300px;
    top: 20px;
  }

</style>

<style lang="scss" scoped >
.iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    overflow-y: hidden;
} 
</style>
